<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="__TEMPLATE__/css/index.css">
<link rel="stylesheet" type="text/css" href="__TEMPLATE__/css/list.css">
<script type="text/javascript" src="__TEMPLATE__/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__TEMPLATE__/js/list.js"></script>
</head>
<body>
<include file="__TEMPLATE__/top.html"/>
<div class="topcate">
		<div class="lcate">你的位置：麦包包&nbsp;>&nbsp;
			<a href="" class="cate">男包</a>
		</div>
		<div class="cright">共有<span>999</span>件商品</div>
		
	</div>
	<div id="con">
		<!-- 左边分类分类列表 -->
		<div class="list">
			<div class="ltop">请设置筛选条件：<span></span></div>
			<dl class="hot">
				<dt class="title">  热门推荐</dt>
				<dd>年终庆特惠(140) <span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  款式</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  分类</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  品牌</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  材质</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  价格</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  风格</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<dl class="hot">
				<dt class="title">  场合</dt>
				<dd>年终庆特惠(140)<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
				<dd>年终庆特惠（140）<span>√</span></dd>
			</dl>
			<div class="recom">
				热门推荐
			</div>
			<?php for($i=0;$i<5;$i++) :?>
				<div class="hbox">
					<img src="__TEMPLATE__/Images/listh.jpg" alt="" />
					<a class="detail">[bromen]不莱玫手抓包化妆欧美小包信封包小版 卡其配棕黄色小版</a>
					<span class="price">￥99</span>
				</div>
			<?php endfor ?>
		</div>
		<!-- 左边分类分类列表结束 -->

		<!-- 右边商品列表 -->
		<div class="content">
			<div class="all_title">
				全部商品：
			</div>
			<div class="sort">
			<!-- 点击后添加bg class颜色变成红色 -->
				<div class="stely-left">
				<span>排序方式：</span>
				<a href="">默认</a>
				<a href="" class="under bg">最 热 销</a><!-- 箭头行 -->
				<a href="" class="under ">新品上架</a>
				<a href="" class="down">价格</a>
				</div>
				<div class="tot-list">
				显示:
				<a href="">按款式</a>｜
				<a href="">按单品</a>
				</div>
			</div>
			<!-- div. -->
			<!-- 商品显示 -->
			<?php for($i=0;$i<60;$i++) :?>
				<a href="{|U:'Content/index'}">
				<div class="pro" >
					<img src="__TEMPLATE__/Images/001.jpg" alt="" class="main" />

					<div class="color">
					<!-- 鼠标放上去添加bg  添加pic属性用来切换大图片-->
						<img src="__TEMPLATE__/Images/small/001.jpg" pic="001.jpg" alt="" />
						<img src="__TEMPLATE__/Images/small/002.jpg" pic="002.jpg" alt="" />						
					</div>
					<p class="brand">阿尔法·阿蒂斯特</p>
							<a class="info">米琪儿系列手提斜挎包 粉红色</a>
					<div class="price">
						年中庆价：￥151 <span class="line">￥169</span><span class="love"></span>
					</div>
				</div>
				</a>
			<?php endfor ?>
		</div>
		<!-- 右边商品列表结束 -->

	</div>
	<div class="page">分页</div>
	<div class="guess">猜你喜歡</div>
	<div class="like">
		<?php for($i=0;$i<6;$i++) :?>
			<div class="img">
				<img src="__TEMPLATE__/Images/like1.jpg" alt="" />
				<a href="" class="like-style">[阿尔法·阿蒂斯特]圣路易系列单肩包 粉红色</a>
				<div class="money">优惠价:￥249	<span  class="line">￥488</span>	</div>
			</div>
	<?php endfor ?>
	</div>
	<include file="__TEMPLATE__/bottom.html"/>
</body>
</html>
